<template>
	<div class="side">
		<slot name="header" :msg="msg">
			<p>这是详情页边栏默认header</p>
		</slot>
		<slot name="footer"></slot>
		<hr>
		<p>{{total}}</p>
	</div>
	
</template>


<script>

export default {
	name: 'Side',
	data() {
		return {
			getBus: 'ceshi',
			msg: '详情页msgd的消息',
			sideBus: 'vueBus测试',
			total: 0
		}
	},
	mounted() {

	},
	created() {
		this.$bus.on('add',(megs)=>{
			this.total += megs
		})
	}
}
	
</script>


<style lang="less">
	
</style>